.purchase {
  // padding: 20px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  :deep(.el-select__wrapper) {
    background-color: #fff;
  }
  :deep(.el-input__wrapper) {
    background-color: #fff !important;
  }
  .purchase-serch {
    // min-height: 284px;
    background-color: #fff;
    flex: 1;
    padding: 20px;
    overflow: hidden;
    button {
      border: none !important;
      margin: 0 0px 0 10px;
    }
    :deep(.el-input__inner) {
      height: 32px !important;
    }
    :deep(.el-select) {
      height: 32px !important;
      .el-select__wrapper {
        height: 32px;
      }
    }
  }
  &-serch {
    .serch {
      display: flex;
      justify-content: flex-end;
      padding: 0 20px 20px 20px;
      background: #f6f8fa;
      button:nth-child(2) {
        border: 1px solid #007dff !important;
      }
    }
  }
  &-add {
    flex: 1;
    max-height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    div:nth-child(2) {
      display: flex;
      align-items: center;
      button {
        margin: 0 0 0 20px;
      }
    }
    :deep(.el-input__wrapper) {
      background-color: #fff;
    }
  }
  &-tabel {
    flex: 2;
    padding: 20px;
    .pay_status {
      border: 1px solid #fff;
    }
  }
  .pag-ation {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
  }
}
.form-content {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 0 20px;
  overflow: hidden;
  background: #f6f8fa;
  :deep(.el-select__wrapper) {
    background-color: #fff;
  }
  :deep(.el-input__wrapper) {
    background-color: #fff;
  }
  .left {
    flex: 1;
    margin-right: 100px;
    .el-form-item {
      width: 100%;
    }
  }
  .right {
    flex: 1;
    .el-form-item {
      width: 100%;
    }
  }
}

.plan-nodes {
  .plan-nodes-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    .money-box {
      font-size: 16px;
      color: #86909c;
      display: flex;
      .money {
        color: #ff3333;
        margin-right: 20px;
      }
    }
    .info {
      font-size: 16px;
      color: #3d3d3d;
    }
  }
  .timeline-wrap {
    max-height: 600px;
    overflow-y: scroll;
    .timeline {
      ::v-deep(.el-timeline-item__tail) {
        left: 46px;
      }
      ::v-deep(.el-timeline-item__wrapper) {
        top: 0;
        padding-left: 80px;
      }
      .dot {
        width: 100px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        background: #d0e7ff;
        border-radius: 4px 4px 4px 4px;
        font-size: 16px;
        color: #007dff;
      }
      .default-wrap {
        padding-top: 52px;
        .default {
          border-radius: 4px;
          border: 1px solid #dfe5f1;
          padding: 10px 20px 8px 20px;
          .default-title {
            p {
              border-left: 4px solid #007dff;
              padding-left: 8px;
            }
            font-size: 14px;
            color: #3d3d3d;
            padding-bottom: 10px;
            border-bottom: 1px solid #dfe5f1;
          }
          .descriptions {
            margin-top: 16px;
            :deep(.my-label) {
              font-size: 16px;
              color: #606266;
            }
            :deep(.my-content) {
              font-size: 16px;
              color: #606266;
            }
          }
        }
      }
    }
  }
}
